<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <header>
        <div class="container">
            <nav>
                <div class="col col-left"></div>
                <div class="col col-center"><img src="" alt="" class=""></div>
                <div class="col col-right"><a href="">SIGN IN</a></div>
            </nav>
            <div class="banner">
                <div class="col">
                    <p>SQUARE POINT OF SALE</p>
                    <h1>The POS softwaer that's simple,powerful,and free.</h1>
                    <a href="">GET STARTED</a>
                </div>
                <div class="col"><img src="" alt=""></div>
            </div>
        </div>
    </header>


    <section>
        <div class="list">
            <div class="container">
                <div class="col">
                    <img src="img/Upgrades.png" alt="">
                    <h3>Upgrades</h3>
                    <p>Square Point of Sale is the perfect point-of-left.</p>
                </div>
                <div class="col">
                    <img src="img/Upgrades.png" alt="">
                    <h3>Upgrades</h3>
                    <p>Square Point of Sale is the perfect point-of-left.</p>
                </div>
                <div class="col">
                    <img src="img/Upgrades.png" alt="">
                    <h3>Upgrades</h3>
                    <p>Square Point of Sale is the perfect point-of-left.</p>
                </div>
                <div class="col">
                    <img src="img/Upgrades.png" alt="">
                    <h3>Upgrades</h3>
                    <p>Square Point of Sale is the perfect point-of-left.</p>
                </div>
            </div>
        </div>
        <div class="download">
            <h2>Download Square Ponit of Sale.</h2>
            <p> Square Point of Sale.</p>
            <p>
                <a href=""><img src="img/appstore.png" alt=""></a>
                <a href=""><img src="img/google.png" alt=""></a>
            </p>
        </div>
    </section>

    <footer>
        <div class="container">
            <p>&copy; Squar, Inc.</p>
        </div>
    </footer>

</body>
</html>